<!DOCTYPE HTML>
<html>

<head>
    <meta charset="utf-8">
    <title>品质检查</title>
    <meta name="viewport"
        content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <link rel="stylesheet" type="text/css" href="../css/api.css" />
    <link rel="stylesheet" type="text/css" href="../css/aui.css" />
    <link rel="stylesheet" type="text/css" href="../css/aui-pull-refresh.css" />
    <link rel="stylesheet" type="text/css" href="../css/iconfont.css" />
    <link rel="stylesheet" type="text/css" href="./css/headersearch.css" />
    <link rel="stylesheet" type="text/css" href="css/comm.css" />
    <!--<link rel="stylesheet" type="text/css" href="css/header.css" />-->
    <link rel="stylesheet" type="text/css" href="css/qualitycontrollist.css" />
    <style>
        /* 进度条
 */
        .prograssbg {
            width: 100%;
            border-radius: 20px;
            height: 10px;
            background: #e9f5ff;
            position: relative;
            margin-top: 5px;
        }

        .prograssmsg {
            /* width: 50%; */
            border-radius: 20px;
            height: 10px;
            background: #289fff;
            position: absolute;
            top: 0;
            left: 0;
        }

        .content {
            color: #828c9a;

            height: 1.6rem;
            line-height: 1.6rem;
        }

        .content span {
            font-size: 0.6rem;

        }

        .content span.percent {
            margin-left: 20px;
        }
    </style>
</head>

<body>
    <div id="app" v-cloak>
        <header class="topheader" id="aui-header" style="background:#289FFF;">
            <div class="aui_tab_box" style=" width: 98%; float: right;">
                <div class="aui-tab aui-tab-color" style="background: #289FFF;  padding-bottom: 8px;">
                    <div class="aui-tab-item menu_tapmode" v-bind:class="{'aui-active':form.status==1}"
                        v-on:click="do_select_tab(1)">
                        <label class="labelbox">待处理<span v-if="total.WaitingCount>0"
                                class="menu_dotspan">{{total.WaitingCount}}</span></label>
                    </div>
                    <div class="aui-tab-item menu_tapmode" v-bind:class="{'aui-active':form.status==2}"
                        v-on:click="do_select_tab(2)">
                        <label class="labelbox">已结束<span v-if="total.ProcessCount>0"
                                class="menu_dotspan">{{total.ProcessCount}}</span></label>
                    </div>
                    <div class="aui-tab-item menu_tapmode" v-bind:class="{'aui-active':form.status==3}"
                        v-on:click="do_select_tab(3)">
                        <label class="labelbox">已过期<span v-if="total.CompleteCount>0"
                                class="menu_dotspan">{{total.CompleteCount}}</span></label>
                    </div>
                </div>
            </div>
        </header>
        <section id="main_refresh" class="aui-refresh-content">
            <div v-if="list.length>0" class="aui-content task">
                <div class="aui_list boxarea mb20" v-on:click="do_open_qualityrenwulist(item.ID,item.ProjectID,item.UseStatus)" v-for="item in list">
                    <div class="work_title">
                        {{item.DevicePlanName}}
                    </div>
                    <div class="work_con_box_time marginheight">
                        <div class="work_con_box_left">任务有效期</div>
                        <div class="work_con_box_right">
                            <label>{{item.TotalStartTime}} ~ {{item.TotalEndTime}}<span class="overtime"></span></label>

                        </div>
                    </div>
                    <div class="work_con_box_name marginheight">
                        <div class="work_con_box_left">任务周期</div>
                        <div class="work_con_box_right">
                            <label>每{{item.Release}}{{item.CycleCount}}次</label>
                        </div>
                    </div>
                    <div class="work_con_box_time marginheight">
                        <div class="work_con_box_left">检查项目</div>
                        <div class="work_con_box_right">
                            <div class="prograssbg">
                                <div class="prograssmsg"
                                    v-bind:style="{'width':((item.endCount/item.totalCount)*100).toFixed(2)+'%'}">
                                </div>
                            </div>
                            <div class="content"><span>({{item.endCount}}/{{item.totalCount}})</span><span
                                    class="percent">已完成：{{((item.endCount/item.totalCount)*100).toFixed(2)}}%</span>
                            </div>
                        </div>
                    </div>

                </div>

                <div  class="notodayList">
                    没有更多内容
                </div>
            </div>
            <div class="noinfo" id="noorder" v-if="list.length==0">
                <img src="../image/index/noinfomsg_icon.png" alt="" />
                <h5><br />暂无相关数据</h5>
            </div>

        </section>

    </div>
</body>
<script type="text/javascript " src="../script/api.js "></script>
<script type="text/javascript " src="../script/vue.js "></script>
<script type="text/javascript" src="../script/config.js"></script>
<script type="text/javascript" src="../script/common.js"></script>
<script type="text/javascript" src="../script/aui-toast.js"></script>
<script type="text/javascript" src="../script/aui-tab.js"></script>
<script type="text/javascript" src="../script/aui-slide.js"></script>
<script type="text/javascript" src="../script/aui-popup.js"></script>
<script type="text/javascript " src="js/qualitycontrollist.js"></script>

</html>